<template>

  <div class="col-xs-offset-2 col-xs-8">
    <div class="page-header">
      <h2>Vue Router Demo</h2>

      <button @click="back">后退</button>
      <button @click="forward">前进</button>
      <button @click="test">测试一下go</button>
    </div>

  </div>

</template>

<script>
export default {
  name: "Banner",
  methods:{
    back(){
      //后退
      console.log(this) //router的实例对象
      this.$router.back()
    },
    forward(){
      //前进
      this.$router.forward()
    },
    test(){
      //传数字，正数前进，负数倒退
      this.$router.go(3)
    }
  }
}
</script>

<style scoped>

</style>